<template>
    <div class="is-low">
        <div class="logo"></div>
        <div class="warning">
            <img class="image" :src="`${_oss_}images/logo.png`" />
            <p>
                当前浏览器版本过低，为了保障使用体验，请升级或更换浏览器，如最新版本的Chrome浏览器、Firefox浏览器、360安全浏览器等。
            </p>
        </div>
    </div>
</template>
<script setup></script>
<style lang="scss" scoped>
.is-low {
    position: relative;
    width: 100vw;
    height: 100vh;
    background: #edf5fa;
    padding-top: 200px;
}

.is-low .warning {
    width: 290px;
    margin: 0 auto;
}

.is-low .warning .image {
    width: 290px;
    margin: 0 auto 20px;
}

.is-low .warning p {
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    text-align: center;
    line-height: 24px;
}
</style>
